<template>
  <div class="fixed h-full w-full flex flex-col">
    <iframe :src="src" width="100%" height="100%"></iframe>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { getToken } from '/@/utils/auth';
  import { useGlobSetting } from '/@/hooks/setting';

  export default defineComponent({
    setup() {
      const globSetting = useGlobSetting();
      const src =
        globSetting.apiUrl +
        '/magic/web/index.html?headerName=access_token&headerValue=' +
        getToken();

      return {
        src,
      };
    },
  });
</script>
